<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
 #l{
    width: 100px;
    height: 30px;
    color: red;
    background-color: green;
      text-align: center; /*横向居中*/
      ling-height: 30px; /*纵向居中*/
  }
  span{
      font-size: 25px;
      font-style: italic;
  }
  h1{
      font-weight: normal;
      background-position: 0% 100%;
  }
  #x{
      text-decoration: underline ;
  }
  a{
      text-decoration: none;
      font-weight: bold;
      font-size: 20px;
  }

</style>
<body>
<div id="l">刘德华</div>
<div>张学友</div>
<span>香蕉</span>
<span>苹果</span>
<h1>冰箱</h1><h1 id="x">洗衣机</h1>
<a href="http://www.baidu.com">百度</a>
</body>
</html>